<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<link href="ressources/css/css.css" rel="stylesheet">
	<title>Hé ! Lisez-moi !</title>
</head>
<body>
	<c:choose>
		<c:when test="${sessionScope.panier.size() == 0 }">
			<h1>Il n'y a pas d'article dans votre panier !</h1>
		</c:when>
		<c:otherwise>
			<h1>Votre panier contient le(s) article(s) suivant(s): </h1>
			<c:forEach var="articles" begin="0" items="${sessionScope.panier }">
			<a href="clickArticle.do?id=${articles.id }" >
				<div class="vignette">
					<a href="SupprimerArticlePanier.do?id=${articles.id }" class="btnSuppr" >
						<img alt="Supprimer du panier" src="./ressources/img/design/supprimer.jpg"/>
					</a>
					<img class="imgVignette" alt="${articles.titre }" src="./ressources/img/articles/${articles.image }"/><br/>
					<span class="titreVignette">${articles.titre }</span><br/>
					<span class="auteurVignette">${articles.auteur }</span>
					<div class="nettoyage"></div>
				</div>
			</a>
			</c:forEach>
			
			<div class="nettoyage"></div>
			<a id="ajouterAuPanierLogo" href="validerPanier.do">
				<img alt="Valider le panier" src="./ressources/img/design/validerPanier.jpg">
			</a>
		</c:otherwise>
	</c:choose>
</body>
</html>